@{
    ViewBag.Title = "Home Page";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<link rel="stylesheet" href="/nivoslider/themes/default/default.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/nivoslider/themes/light/light.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/nivoslider/themes/dark/dark.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/nivoslider/themes/bar/bar.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/nivoslider/css/nivo-slider.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/nivoslider/css/style.css?201303011600" type="text/css" media="screen" />

<h1 class="logoTitle">
    <center>Welcome to Zeus Thunder Web</center>
</h1>

<div id="wrapper">
<div class="slider-wrapper theme-default">
<div id="slider" class="nivoSlider">
    <img src="/images/star1.jpg" data-thumb="/images/star1.jpg" alt="" data-transition="slideInLeft" />
    <img src="/images/zealot.jpg" data-thumb="/images/zealot.jpg" alt="" data-transition="slideInLeft" />
    <img src="/images/star2.jpg" data-thumb="/images/star2.jpg" alt="" data-transition="slideInLeft" />
    <img src="/images/star3.jpg" data-thumb="/images/star3.jpg" alt="" data-transition="slideInLeft" />
    <img src="/images/teckon.jpg" data-thumb="/images/teckon.jpg" alt="" data-transition="slideInLeft" />
    <img src="/images/dragon.jpg" data-thumb="/images/dragon.jpg" alt="" data-transition="slideInLeft" />
    <img src="/images/ZeusSolution.png" data-thumb="/images/ZeusSolution.png" alt="" data-transition="slideInLeft" />
</div>
<div id="htmlcaption" class="nivo-html-caption">
    <strong>This</strong> is an example of a <em>HTML</em> caption with <a href="#">a link</a>. 
</div>

</div>
</div>

<script type="text/javascript" src="/nivoslider/js/jquery.nivo.slider.js"></script>
<script type="text/javascript">
    $(window).load(function () {
        $('#slider').nivoSlider();
    });
</script>
